<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!-- 内部样式表 -->
	<style>
		/* 声明块 
			标签/其他选择器{
				属性名:属性值;
				属性名:属性值;
			}
		修饰标签*/
		/*属性修饰CSS样式 
			属性名和属性值之间使用:隔开,
			多对属性之间使用;隔开,
			最后一对属性可以不加;
		*/
		/* CSS注释 ctrl+/ */ 
		/* 标签选择器 */
		/* 速记写法 */
		/* 一个属性可能是由多个属性组合而成 */
		div{
			/* 字体颜色 */
			color: red;
			/* 字体大小 */
			font-size: 28px;
			/* 边框 */
			/* border: 宽度 形状 颜色 */
			border: 1px solid red;
			border-top-width:1px ;
			border-top-style: dashed;
			border-top-color: blue;
		}
		/* 利用css样式绘制三角形 */
		/* 类选择器 */
		.two{
			width: 0;
			height: 0;
			border: 100px solid transparent;
			border-top: 100px solid red;
		}
	</style>
</head>
<body>
	<!-- 注释不可以嵌套使用 -->
	<!-- CSS语法 -->
	<div>我是一个块级元素</div>
	<div class="two"></div>
</body>
</html>